<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="robots" content="noodp" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
        <title>《Flutter精华资料整理》 - Lucklyの博客 - 在阅读中遇见自己</title><meta name="Description" content="专注于IT互联网，包括但不限于Go语言(golang)、Flutter、Android、Python、项目管理、抖音分析、软件架构等"><meta property="og:title" content="《Flutter精华资料整理》" />
<meta property="og:description" content="
此文用于记录日常flutter开发中使用到或者看到的精华文章或者资源，方便日后查阅
" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://luckly.work/posts/flutter/flutter%E7%B2%BE%E5%8D%8E%E8%B5%84%E6%96%99%E6%95%B4%E7%90%86/" />
<meta property="article:published_time" content="2021-07-30T22:39:59+08:00" />
<meta property="article:modified_time" content="2021-07-30T22:39:59+08:00" />
<meta name="twitter:card" content="summary"/>
<meta name="twitter:title" content="《Flutter精华资料整理》"/>
<meta name="twitter:description" content="
此文用于记录日常flutter开发中使用到或者看到的精华文章或者资源，方便日后查阅
"/>
<meta name="application-name" content="Lucklyの博客 - 在阅读中遇见自己">
<meta name="apple-mobile-web-app-title" content="Lucklyの博客 - 在阅读中遇见自己"><link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
        <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="manifest" href="/site.webmanifest"><link rel="canonical" href="https://luckly.work/posts/flutter/flutter%E7%B2%BE%E5%8D%8E%E8%B5%84%E6%96%99%E6%95%B4%E7%90%86/" /><link rel="prev" href="https://luckly.work/posts/flutter/flutter%E6%9C%80%E4%BD%B3%E5%AE%9E%E8%B7%B5%E6%95%B4%E7%90%864/" /><link rel="next" href="https://luckly.work/posts/flutter/flutter%E5%BC%80%E5%8F%91Tip1/" /><link rel="stylesheet" href="/lib/normalize/normalize.min.css"><link rel="stylesheet" href="/css/style.min.css"><link rel="stylesheet" href="/lib/fontawesome-free/all.min.css"><link rel="stylesheet" href="/lib/animate/animate.min.css"><script type="application/ld+json">
    {
        "@context": "http://schema.org",
        "@type": "BlogPosting",
        "headline": "《Flutter精华资料整理》",
        "inLanguage": "zh-CN",
        "mainEntityOfPage": {
            "@type": "WebPage",
            "@id": "https:\/\/luckly.work\/posts\/flutter\/flutter%E7%B2%BE%E5%8D%8E%E8%B5%84%E6%96%99%E6%95%B4%E7%90%86\/"
        },"genre": "posts","keywords": "flutter","wordcount":  958 ,
        "url": "https:\/\/luckly.work\/posts\/flutter\/flutter%E7%B2%BE%E5%8D%8E%E8%B5%84%E6%96%99%E6%95%B4%E7%90%86\/","datePublished": "2021-07-30T22:39:59+08:00","dateModified": "2021-07-30T22:39:59+08:00","publisher": {
            "@type": "Organization",
            "name": "Breeze"},"author": {
                "@type": "Person",
                "name": "Breeze"
            },"description": ""
    }
    </script></head>
    <body header-desktop="" header-mobile=""><script type="text/javascript">(window.localStorage && localStorage.getItem('theme') ? localStorage.getItem('theme') === 'dark' : ('' === 'auto' ? window.matchMedia('(prefers-color-scheme: dark)').matches : '' === 'dark')) && document.body.setAttribute('theme', 'dark');</script>

        <div id="mask"></div><div class="wrapper"><div class="logo-wrapper">
  <a href="/%20/" class="logo">Lucklyの博客 - 在阅读中遇见自己</a>
</div>

<nav class="site-navbar">
  <ul id="menu" class="menu">
    <li class="menu-item">
      <a class="menu-item-link" href="/">首页</a>
    </li><li class="menu-item">
      <a class="menu-item-link" href="/post/">归档</a>
    </li><li class="menu-item">
      <a class="menu-item-link" href="/categories/">分类</a>
    </li><li class="menu-item">
      <a class="menu-item-link" href="/tags/">标签</a>
    </li><li class="menu-item">
      <a class="menu-item-link" href="/about/">关于我</a>
    </li><li class="menu-item">
      <a class="menu-item-link" href="https://github.com/ITmxs/">阅读清单</a>
    </li>
  </ul>
</nav><main class="main">
                <div class="container"><div class="toc" id="toc-auto">
            <h2 class="toc-title">Contents</h2>
            <div class="toc-content" id="toc-content-auto"></div>
        </div><article class="page single"><h1 class="single-title animated flipInX">《Flutter精华资料整理》</h1><div class="post-meta">
            <div class="post-meta-line"><span class="post-author"><a href="/" title="Author" rel=" author" class="author"><i class="fas fa-user-circle fa-fw"></i>Breeze</a></span>&nbsp;<span class="post-category">included in <a href="/categories/Flutter/"><i class="far fa-folder fa-fw"></i>Flutter</a></span></div>
            <div class="post-meta-line"><i class="far fa-calendar-alt fa-fw"></i>&nbsp;<time datetime="2021-07-30">2021-07-30</time>&nbsp;<i class="fas fa-pencil-alt fa-fw"></i>&nbsp;958 words&nbsp;
                <i class="far fa-clock fa-fw"></i>&nbsp;2 minutes&nbsp;</div>
        </div><div class="featured-image"><img
        class="lazyload"
        src="/svg/loading.min.svg"
        data-src="https://luckly007.oss-cn-beijing.aliyuncs.com/img/90c6cc12-742e-4c9f-b318-b912f163b8d0.png"
        data-srcset="https://luckly007.oss-cn-beijing.aliyuncs.com/img/90c6cc12-742e-4c9f-b318-b912f163b8d0.png, https://luckly007.oss-cn-beijing.aliyuncs.com/img/90c6cc12-742e-4c9f-b318-b912f163b8d0.png 1.5x, https://luckly007.oss-cn-beijing.aliyuncs.com/img/90c6cc12-742e-4c9f-b318-b912f163b8d0.png 2x"
        data-sizes="auto"
        alt="https://luckly007.oss-cn-beijing.aliyuncs.com/img/90c6cc12-742e-4c9f-b318-b912f163b8d0.png"
        title="https://luckly007.oss-cn-beijing.aliyuncs.com/img/90c6cc12-742e-4c9f-b318-b912f163b8d0.png" /></div><div class="details toc" id="toc-static"  kept="">
                <div class="details-summary toc-title">
                    <span>Contents</span>
                    <span><i class="details-icon fas fa-angle-right"></i></span>
                </div>
                <div class="details-content toc-content" id="toc-content-static"><nav id="TableOfContents">
  <ul>
    <li><a href="#文章">文章</a>
      <ul>
        <li><a href="#flutter进阶">Flutter进阶</a></li>
        <li><a href="#业界动态">业界动态</a></li>
        <li><a href="#性能优化">性能优化</a></li>
        <li><a href="#flutter-动态">Flutter 动态</a></li>
      </ul>
    </li>
    <li><a href="#网站">网站</a></li>
    <li><a href="#视频">视频</a></li>
    <li><a href="#博客">博客</a></li>
    <li><a href="#掘金博主">掘金博主</a></li>
    <li><a href="#电子书">电子书</a></li>
    <li><a href="#工具">工具</a></li>
    <li><a href="#优秀项目--app">优秀项目 &amp; App</a></li>
    <li><a href="#ppt">PPT</a></li>
  </ul>
</nav></div>
            </div><div class="content" id="content"><blockquote>
<p>此文用于记录日常flutter开发中使用到或者看到的精华文章或者资源，方便日后查阅</p>
</blockquote>
<h2 id="文章">文章</h2>
<h3 id="flutter进阶">Flutter进阶</h3>
<ul>
<li><a href="https://mp.weixin.qq.com/s/-vyU1JQzdGLUmLGHRImIvg" target="_blank" rel="noopener noreffer">让Flutter真正支持View级别的混合开发</a></li>
<li><a href="https://jarontai.github.io/dart-souls/" target="_blank" rel="noopener noreffer">Dart Souls -《Dart 之魂》</a></li>
<li><a href="https://guoshuyu.cn/home/wx/" target="_blank" rel="noopener noreffer">Flutter完整开发实战详解系列</a></li>
<li><a href="https://www.jianshu.com/p/39575a90e820" target="_blank" rel="noopener noreffer">深入理解Flutter Platform Channel</a></li>
<li><a href="https://juejin.im/post/5bab35ff5188255c3272c228" target="_blank" rel="noopener noreffer">Flutter 布局控件完结篇</a></li>
<li><a href="https://mp.weixin.qq.com/s/xxdgoEBIC3Bg4OCOZcm-aQ" target="_blank" rel="noopener noreffer">超详解析Flutter渲染引擎|业务想创新，不了解底层原理怎么行？</a> – from 淘系技术</li>
<li><a href="https://mp.weixin.qq.com/s/hZ5PUvPpMlEYBAJggGnJsw" target="_blank" rel="noopener noreffer">深入理解Flutter引擎线程模式</a></li>
<li><a href="https://mp.weixin.qq.com/s/0R5UnVFlVbLKoV__s66HnA" target="_blank" rel="noopener noreffer">Flutter 的性能分析、工程架构与细节处理</a> – from有道云</li>
<li><a href="https://juejin.cn/post/6917081883201241101" target="_blank" rel="noopener noreffer">Flutter 图片控件适配之路</a> – from 网易云音乐</li>
</ul>
<h3 id="业界动态">业界动态</h3>
<ul>
<li><a href="https://juejin.im/post/5eb27cc9f265da7b9625e85c" target="_blank" rel="noopener noreffer">Flutter 在哈啰出行 B 端创新业务的实践</a></li>
<li><a href="https://mp.weixin.qq.com/s/eJxmeAJ0ljmbPbgNVkGttQ" target="_blank" rel="noopener noreffer">Flutter在PLUS业务中的探索和实践</a></li>
<li><a href="https://mp.weixin.qq.com/s/57CprMfvTtIeq6AdgcDdcw" target="_blank" rel="noopener noreffer">&ldquo;零&quot;学习成本：使用 Web 标准开发动态化 Flutter 应用</a></li>
<li><a href="https://www.infoq.cn/article/qSLsru9bEvuHgKpPlWMP" target="_blank" rel="noopener noreffer">京东技术中台的 Flutter 实践之路</a></li>
<li><a href="https://www.infoq.cn/article/16dv4pmnghv6i1lct3r4" target="_blank" rel="noopener noreffer">打破重重阻碍，Flutter 和 Web 生态如何对接？</a></li>
</ul>
<h3 id="性能优化">性能优化</h3>
<ul>
<li><a href="https://juejin.im/post/6844904153236373517" target="_blank" rel="noopener noreffer">Flutter性能优化实践 —— UI篇</a></li>
</ul>
<h3 id="flutter-动态">Flutter 动态</h3>
<ul>
<li><a href="https://mp.weixin.qq.com/s/rL6FtCSyca8DsUuNVbSA_w" target="_blank" rel="noopener noreffer">Dart: 健全的空安全概览</a></li>
<li><a href="https://mp.weixin.qq.com/s/MEL5kokoyb0CJcjrPpo12w" target="_blank" rel="noopener noreffer">深入理解 Dart 空安全</a></li>
<li><a href="https://nullsafety.dartpad.cn/" target="_blank" rel="noopener noreffer">nullsafety dartpad</a></li>
<li><a href="https://juejin.im/post/6879048672597213198" target="_blank" rel="noopener noreffer">观摩！Flutter 1.22 正式发布</a></li>
</ul>
<h2 id="网站">网站</h2>
<ul>
<li><a href="https://flutter.io/" target="_blank" rel="noopener noreffer">Flutter 官网</a></li>
<li><a href="https://flutterchina.club/" target="_blank" rel="noopener noreffer">Flutter 中文网</a></li>
<li><a href="https://flutter.cn/docs" target="_blank" rel="noopener noreffer">Flutter 中文开发文档</a></li>
<li><a href="http://book.flutterj.com/" target="_blank" rel="noopener noreffer">Flutter教程网</a></li>
</ul>
<h2 id="视频">视频</h2>
<ul>
<li><a href="https://www.youtube.com/watch?v=b_sQ9bMltGU&amp;list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG&amp;index=2&amp;t=0s" target="_blank" rel="noopener noreffer">Introducing Widget of the Week!</a></li>
<li><a href="https://www.youtube.com/watch?v=fq4N0hgOWzU&amp;list=PLOU2XLYxmsIJ7dsVN4iRuA7BT8XHzGtCr" target="_blank" rel="noopener noreffer">Flutter by Google</a></li>
<li><a href="http://mudu.tv/watch/5624777mudu.tv/watch/5624777" target="_blank" rel="noopener noreffer">AliFlutter第二期直播回放</a></li>
<li><a href="https://www.bilibili.com/video/BV1n741117v1?from=search&amp;seid=12211378857505011313" target="_blank" rel="noopener noreffer">阿里巴巴闲鱼技术团队客户端负责人一起探讨Flutter的行业现状与未来</a></li>
</ul>
<h2 id="博客">博客</h2>
<ul>
<li><a href="https://www.jianshu.com/u/cf5c0e4b1111" target="_blank" rel="noopener noreffer">咸鱼技术 - Flutter</a></li>
<li><a href="http://whysodiao.com/" target="_blank" rel="noopener noreffer">Loki的博客</a> — 目前就职于北京腾讯，博客里面有很flutter总结的文章</li>
<li><a href="http://laomengit.com/" target="_blank" rel="noopener noreffer">老孟flutter</a> — 整理了几乎所有的widget，包含使用的例子，还有部分实战项目</li>
<li><a href="https://www.burkharts.net/apps/blog/" target="_blank" rel="noopener noreffer">GuruMeditation</a> — 有一些关于flutter架构方面的文章</li>
</ul>
<h2 id="掘金博主">掘金博主</h2>
<ul>
<li><a href="https://juejin.im/user/1767670428477015" target="_blank" rel="noopener noreffer">Vadaski</a></li>
<li><a href="https://juejin.im/user/149189281194766" target="_blank" rel="noopener noreffer">张风捷特烈</a></li>
<li><a href="https://juejin.im/user/483440843559406" target="_blank" rel="noopener noreffer">YYDev</a></li>
<li><a href="https://juejin.im/user/2013961034677725" target="_blank" rel="noopener noreffer">老孟Flutter</a></li>
<li><a href="https://juejin.im/user/1257497031878408" target="_blank" rel="noopener noreffer">闲鱼技术</a></li>
</ul>
<h2 id="电子书">电子书</h2>
<ul>
<li><a href="https://book.flutterchina.club/" target="_blank" rel="noopener noreffer">Flutter 实战</a> — 来自duwen 是<a href="https://github.com/flutterchina/dio" target="_blank" rel="noopener noreffer">dio</a>、<a href="https://github.com/wendux/fly" target="_blank" rel="noopener noreffer">fly</a>、<a href="https://github.com/wendux/DSBridge-Android" target="_blank" rel="noopener noreffer">dsBridge</a>等多个知名开源项目作者</li>
</ul>
<h2 id="工具">工具</h2>
<ul>
<li><a href="https://codepen.io/flutter" target="_blank" rel="noopener noreffer">flutter在线编辑工具CodePen</a></li>
<li><a href="https://dartpad.dev/" target="_blank" rel="noopener noreffer">Dart 在线编辑工具 DartPad</a></li>
<li><a href="https://javiercbk.github.io/json_to_dart/" target="_blank" rel="noopener noreffer">在线JSON To Dart 代码生成</a></li>
<li><a href="https://charafau.github.io/json2builtvalue/" target="_blank" rel="noopener noreffer">Json to Dart built_value class converter</a></li>
<li><a href="https://juejin.im/post/5f14e128e51d45347c1b926a" target="_blank" rel="noopener noreffer">2020年20个Flutter最漂亮的UI库和项目</a></li>
</ul>
<h2 id="优秀项目--app">优秀项目 &amp; App</h2>
<ul>
<li><a href="https://github.com/CarGuo/gsy_github_app_flutter" target="_blank" rel="noopener noreffer">GSYGithubAppFlutter</a> — 大型flutter项目， Star 10.8k</li>
<li><a href="https://github.com/2d-inc/developer_quest" target="_blank" rel="noopener noreffer">Developer_quest</a> — Google 官方演示游戏Demo，Star 2.6k</li>
<li><a href="https://flutter-go.pub/website/" target="_blank" rel="noopener noreffer">Flutter Go</a> — Ali开发的flutter组件demo演示和新闻资讯</li>
<li><a href="https://github.com/flutter/samples" target="_blank" rel="noopener noreffer">Flutter Samples</a> — Flutter 官方 Demo，Star 7.3k</li>
<li><a href="https://github.com/Solido/awesome-flutter" target="_blank" rel="noopener noreffer">awesome-flutter</a> — Flutter 相关的资料集合，Star 28.3k</li>
<li><a href="https://github.com/OpenFlutter/Flutter-Notebook" target="_blank" rel="noopener noreffer">Flutter-Notebook</a> — FlutterDemo合集, Star 5.7k</li>
<li><a href="https://github.com/toly1994328/FlutterUnit" target="_blank" rel="noopener noreffer">FlutterUnit</a> — 组件演示项目， Star 1.8k</li>
<li><a href="https://github.com/diegoveloper/flutter-samples" target="_blank" rel="noopener noreffer">flutter-samples</a> — Flutter 演示项目，很多动画效果 , Star 1.5k</li>
<li><a href="https://github.com/simplezhli/flutter_deer" target="_blank" rel="noopener noreffer">flutter_deer</a> — Flutter 练手项目 ,功能很丰富， Star 4.1k</li>
<li><a href="https://github.com/iampawan/FlutterExampleApps" target="_blank" rel="noopener noreffer">FlutterExampleApps</a> — Flutter 示例App，包含常见流行作品（WhatsApp，Instagram等）, Star 13.8k</li>
</ul>
<h2 id="ppt">PPT</h2>
<ul>
<li><a href="https://files.alicdn.com/tpsservice/db6a840f7ac7a8e3d5bde69c401bcfd5.pdf" target="_blank" rel="noopener noreffer">AliFlutter图片解决方案与优化</a></li>
<li><a href="https://files.alicdn.com/tpsservice/d324c2a95852b22f1bdf2e60e55670a2.pdf" target="_blank" rel="noopener noreffer">UC Flutter技术实践分享</a></li>
</ul></div><div class="post-footer" id="post-footer">
    <div class="post-info">
        <div class="post-info-line">
            <div class="post-info-mod">
                <span>Updated on 2021-07-30</span>
            </div>
            <div class="post-info-license"></div>
        </div>
        <div class="post-info-line">
            <div class="post-info-md"></div>
            <div class="post-info-share">
                <span></span>
            </div>
        </div>
    </div>

    <div class="post-info-more">
        <section class="post-tags"><i class="fas fa-tags fa-fw"></i>&nbsp;<a href="/tags/flutter/">flutter</a></section>
        <section>
            <span><a href="javascript:void(0);" onclick="window.history.back();">Back</a></span>&nbsp;|&nbsp;<span><a href="/">Home</a></span>
        </section>
    </div>

    <div class="post-nav"><a href="/posts/flutter/flutter%E6%9C%80%E4%BD%B3%E5%AE%9E%E8%B7%B5%E6%95%B4%E7%90%864/" class="prev" rel="prev" title="《Flutter最佳实践整理4》"><i class="fas fa-angle-left fa-fw"></i>《Flutter最佳实践整理4》</a>
            <a href="/posts/flutter/flutter%E5%BC%80%E5%8F%91Tip1/" class="next" rel="next" title="《Flutter开发Tip1》">《Flutter开发Tip1》<i class="fas fa-angle-right fa-fw"></i></a></div>
</div>
</article></div>
            </main><footer class="footer">
        <div class="footer-container"><div class="footer-line">Powered by <a href="https://gohugo.io/" target="_blank" rel="noopener noreffer" title="Hugo 0.79.1">Hugo</a> | Theme - <a href="https://github.com/dillonzq/LoveIt" target="_blank" rel="noopener noreffer" title="LoveIt 0.2.10"><i class="far fa-kiss-wink-heart fa-fw"></i> LoveIt</a>
                </div><div class="footer-line"><i class="far fa-copyright fa-fw"></i><span itemprop="copyrightYear">2021</span><span class="author" itemprop="copyrightHolder">&nbsp;<a href="/" target="_blank">Breeze</a></span></div>
        </div>
    </footer></div>

        <div id="fixed-buttons"><a href="#" id="back-to-top" class="fixed-button" title="Back to Top">
                <i class="fas fa-arrow-up fa-fw"></i>
            </a><a href="#" id="view-comments" class="fixed-button" title="View Comments">
                <i class="fas fa-comment fa-fw"></i>
            </a>
        </div><script type="text/javascript" src="/lib/smooth-scroll/smooth-scroll.min.js"></script><script type="text/javascript" src="/lib/lazysizes/lazysizes.min.js"></script><script type="text/javascript" src="/lib/clipboard/clipboard.min.js"></script><script type="text/javascript" src="/lib/sharer/sharer.min.js"></script><script type="text/javascript">window.config={"code":{"copyTitle":"Copy to clipboard","maxShownLines":10},"comment":{}};</script><script type="text/javascript" src="/js/theme.min.js"></script></body>
</html>
